/**
 * Created by xiangjiayu on 2017/7/16.
 */
// 弹窗汇总

import React from 'react';
import {Table, Icon,Button,Row,Col,Input,Select,DatePicker,Modal,Popconfirm,message,Tooltip,Radio} from 'antd';
import MyIcon from 'MyIcon/MyIcon';
import AddressSelect from '../components/common/AddressSelect/AddressSelect';
import CheckBox from '../components/common/CheckBox/CheckBox';//自定义 多选框

import AddInput from './addinput/index';
import ModalOrder from './modal-order/index';  //订单
import ModalTrain from './modal-train/index';  //云培训
import Modallizigonghui from './lizigonghui/index';  //栗子工会

//常用组件引用
const ButtonGroup = Button.Group;       //组合按钮
const Option = Select.Option;           //下拉框
const Search = Input.Search;    //搜所框
const confirm = Modal.confirm;
const RadioGroup = Radio.Group;
const { MonthPicker, RangePicker } = DatePicker;//日历

export default class ModalExample extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            //审核通过
            value: 1,
            //弹窗
            ModalDistribution: false,
            Modalshenhe: false,
            Modalinput: false,
            Modalinputtextarea: false,
            Modalzhengshu:false, //添加证书分类
            Modalshouyt:false,//收银台
            Modalshenhehy:false,//审核会员
            Modaltuihui:false,//退会原因
            Modalshenqingdingji:false,//申请定级
            Modalpingdingdj:false,//评定等级
            Modalshenhedj:false,//审核等级
            Modalpingdingdjpg:false,//等级评估
            Modalcaiwuadd:false,//新增财务
        };
    }
    //弹窗
    //----------订单
        //分配
    showModalDistribution(ModalDistribution) {
        this.setState({ ModalDistribution });
    }
    //----------企业
        //审核
    showModalshenhe(Modalshenhe) {
        this.setState({ Modalshenhe });
    }
        //审核会员
    showModalshenhehy(Modalshenhehy) {
        this.setState({ Modalshenhehy });
    }
        //退会原因
    showModaltuihui(Modaltuihui) {
        this.setState({ Modaltuihui });
    }
        //申请定级
    showModalshenqingdingji(Modalshenqingdingji) {
        this.setState({ Modalshenqingdingji });
    }
        //评定定级
    showModalpingdingdj(Modalpingdingdj) {
        this.setState({ Modalpingdingdj });
    }
        //审核定级
    showModalshenhedj(Modalshenhedj) {
        this.setState({ Modalshenhedj });
    }
        //定级评估
    showModalpingdingdjpg(Modalpingdingdjpg) {
        this.setState({ Modalpingdingdjpg });
    }
        //新增财务
  showModalcaiwuadd(Modalcaiwuadd) {
    this.setState({ Modalcaiwuadd });
  }
    //----------通用
        //input
    showModalinput(Modalinput) {
        this.setState({ Modalinput });
    }
        //input+textarea
    showModalinputtextarea(Modalinputtextarea) {
        this.setState({ Modalinputtextarea });
    }
    //----------月嫂
        //证书分类
    showModalzhengshu(Modalzhengshu) {
        this.setState({ Modalzhengshu });
    }
        //收银台
    showModalshouyt(Modalshouyt) {
        this.setState({ Modalshouyt });
    }
    //弹窗-end
    onChange = (e) => {
        this.setState({
            value: e.target.value,
        });
    }
    render(){
        const success = () => {
            message.success('这是成功提示',3);
        };

        const error = () => {
            message.error('这是错误提示',3);
        };

        const warning = () => {
            message.warning('这是警告提示',3);
        };
        const loading = () => {
            const hide = message.loading('全局等待中...', 0);
            setTimeout(hide, 2500);
        };
        function showConfirm() {
            confirm({
                title: '你确定要***?',
                content: '描述内容~~~~~~~',
                maskClosable:false,
                onOk() {
                },
                onCancel() {
                },
            });
        }
        let data_pay =[{
            text: '现金支付',
            state:true,
            type:'radio'
        },{
            text: '微信支付',
            state:'',
            type:'radio'
        },{
            text: '支付宝支付',
            state:'',
            type:'radio'
        },{
            text: '银行卡支付',
            state:'',
            type:'radio'
        }];
      var title_two = {
        fontWeight:'bold',
        color:'red',
        fontSize:'24px',
        borderBottom:'5px solid red'
      }
        return(
            <div className="modal-example">
                <h3>订单管理</h3>
                <ModalOrder />
                <h3>企业管理</h3>
                    <div className="modal-example-cont">
                        <Button onClick={() => this.showModalshenhe(true)}>活动审核（月嫂认证）</Button>
                        <Modal
                            title="审核(月嫂认证)"
                            wrapClassName="vertical-center-modal vertical-modal-shenhe"
                            visible={this.state.Modalshenhe}
                            onCancel={() => this.showModalshenhe(false)}
                            okText="确定"
                            cancelText="取消"
                            width="600"
                        >
                            <div className="modal-shenhe">
                                <RadioGroup onChange={this.onChange} value={this.state.value}>
                                    <Radio value={1}>审核(认证)通过</Radio>
                                    <Radio value={2}>
                                        审核(认证)不通过
                                    </Radio>
                                </RadioGroup>
                                {this.state.value === 2 ?
                                    <div className="modal-add-cont">
                                        <Row gutter={16}>
                                            <Col span={4} className="text-r">
                                                <div className="ant-form-item-label">
                                                    <label><span className="span-left">不通过原因</span></label>
                                                </div>
                                            </Col>
                                            <Col span={15}>
                                                <div className="ant-form-item-control">
                                                    <div className="textarea-surplus">
                                                        <Input type="textarea" rows="10" size="large" placeholder="请输入联系电话"/>
                                                        <p>还可以输入140字</p>
                                                    </div>
                                                </div>
                                            </Col>
                                            <Col span={5}>
                                                <div className="error-tip"><Icon type="minus-circle-o" />请输入不通过原因</div>
                                            </Col>
                                        </Row>
                                    </div>
                                    : null}
                            </div>
                        </Modal>
                        <Button onClick={() => this.showModalshenhehy(true)}>审核会员</Button>
                        <Modal
                            title="审核会员"
                            wrapClassName="vertical-center-modal vertical-modal-shenhe"
                            visible={this.state.Modalshenhehy}
                            onCancel={() => this.showModalshenhehy(false)}
                            okText="确定"
                            cancelText="取消"
                            width="600"
                        >
                            <div className="modal-shenhe">
                                <div className="modal-add-cont">
                                    <h3 className="modal-h3"><span className="col-orange">本木到家</span>申请了副会长单位</h3>
                                    <Row gutter={16}>
                                        <Col span={4}>
                                            <div className="ant-form-item-label">
                                                <label><span className="span-left">申请人</span></label>
                                            </div>
                                        </Col>
                                        <Col span={20}>
                                            <div className="ant-form-item-control">
                                                张浩
                                            </div>
                                        </Col>
                                    </Row>
                                    <Row gutter={16}>
                                        <Col span={4}>
                                            <div className="ant-form-item-label">
                                                <label><span className="span-left">申请人手机</span></label>
                                            </div>
                                        </Col>
                                        <Col span={20}>
                                            <div className="ant-form-item-control">
                                                18061470286
                                            </div>
                                        </Col>
                                    </Row>
                                    <Row gutter={16}>
                                        <Col span={4}>
                                            <div className="ant-form-item-label">
                                                <label><span className="span-left">申请职位</span></label>
                                            </div>
                                        </Col>
                                        <Col span={20}>
                                            <div className="ant-form-item-control">
                                                副会长
                                            </div>
                                        </Col>
                                    </Row>
                                </div>
                                <RadioGroup onChange={this.onChange} value={this.state.value}>
                                    <Radio value={1}>审核(认证)通过</Radio>
                                    <Radio value={2}>
                                        审核(认证)不通过
                                    </Radio>
                                </RadioGroup>
                                {this.state.value === 2 ?
                                    <div className="modal-add-cont">
                                        <Row gutter={16}>
                                            <Col span={4} className="text-r">
                                                <div className="ant-form-item-label">
                                                    <label><span className="span-left">不通过原因</span></label>
                                                </div>
                                            </Col>
                                            <Col span={15}>
                                                <div className="ant-form-item-control">
                                                    <div className="textarea-surplus">
                                                        <Input type="textarea" rows="10" size="large" placeholder="请输入联系电话"/>
                                                        <p>还可以输入140字</p>
                                                    </div>
                                                </div>
                                            </Col>
                                            <Col span={5}>
                                                <div className="error-tip"><Icon type="minus-circle-o" />请输入不通过原因</div>
                                            </Col>
                                        </Row>
                                    </div>
                                    : null}
                            </div>
                        </Modal>
                        <Button onClick={() => this.showModaltuihui(true)}>退会原因</Button>
                        <Modal
                            title="退会原因"
                            wrapClassName="vertical-center-modal"
                            visible={this.state.Modaltuihui}
                            onCancel={() => this.showModaltuihui(false)}
                            okText="确定"
                            cancelText="取消"
                            width="600"
                        >
                            <div className="modal-add-cont">
                                <Row gutter={16}>
                                    <Col span={4} className="text-r">
                                        <div className="ant-form-item-label">
                                            <label className="ant-form-item-required"><span className="span-left">退会原因</span></label>
                                        </div>
                                    </Col>
                                    <Col span={15}>
                                        <div className="ant-form-item-control">
                                            <div className="textarea-surplus">
                                                <Input type="textarea" rows={10} placeholder="请输入退会原因"/>
                                                <p>还可以输入140字</p>
                                            </div>
                                        </div>
                                    </Col>
                                    <Col span={5}>
                                        <div className="error-tip"><Icon type="minus-circle-o" />请输入不通过原因</div>
                                    </Col>
                                </Row>
                            </div>
                        </Modal>
                        <Button onClick={() => this.showModalshenqingdingji(true)}>申请定级</Button>
                        <Modal
                            title="申请定级"
                            wrapClassName="vertical-center-modal"
                            visible={this.state.Modalshenqingdingji}
                            onCancel={() => this.showModalshenqingdingji(false)}
                            okText="申请"
                            width='700'
                            cancelText="取消"
                        >
                            <div className="modal-add-cont">
                                <Row gutter={16}>
                                    <Col span={4} className="text-r">
                                        <div className="ant-form-item-label">
                                            <label className="ant-form-item-required"><span className="span-left">申请理由</span></label>
                                        </div>
                                    </Col>
                                    <Col span={15}>
                                        <div className="ant-form-item-control">
                                            <div className="textarea-surplus">
                                                <Input type="textarea" rows={10} placeholder="请输入退会原因"/>
                                                <p>还可以输入140字</p>
                                            </div>
                                        </div>
                                    </Col>
                                    <Col span={5}>
                                        <div className="error-tip"><Icon type="minus-circle-o" />错误提示</div>
                                    </Col>
                                </Row>
                                <Row gutter={16}>
                                    <Col span={4} className="text-r">
                                        <div className="ant-form-item-label">
                                            <label><span className="span-left">企业自评</span></label>
                                        </div>
                                    </Col>
                                    <Col span={15}>
                                        <div className="ant-form-item-control">
                                            <Input size="large" type="input" placeholder="请输入企业自评"/>
                                        </div>
                                    </Col>
                                    <Col span={5}>
                                        <div className="ant-form-item-control">
                                            <a href="#" className="col-blue">还没评分？马上去评</a>
                                        </div>
                                    </Col>
                                </Row>
                            </div>
                        </Modal>
                        <Button onClick={() => this.showModalpingdingdj(true)}>评定等级</Button>
                        <Modal
                            title="评定等级"
                            wrapClassName="vertical-center-modal"
                            visible={this.state.Modalpingdingdj}
                            onCancel={() => this.showModalpingdingdj(false)}
                            okText="申请"
                            width='700'
                            cancelText="取消"
                        >
                            <div className="modal-add-cont">
                                <Row gutter={16}>
                                    <Col span={4} className="text-r">
                                        <div className="ant-form-item-label">
                                            <label className="ant-form-item-required"><span className="span-left">申请理由</span></label>
                                        </div>
                                    </Col>
                                    <Col span={20}>
                                        <div className="ant-form-item-control">
                                            企业很优秀，业务模式很好，正在火速发展中
                                        </div>
                                    </Col>
                                </Row>
                                <Row gutter={16}>
                                    <Col span={4} className="text-r">
                                        <div className="ant-form-item-label">
                                            <label><span className="span-left">企业自评</span></label>
                                        </div>
                                    </Col>
                                    <Col span={20}>
                                        <div className="ant-form-item-control">
                                            <span className="col-green">90</span>
                                            <span className="col-orange">60</span>
                                            <span className="col-grey">50</span>
                                            分
                                        </div>
                                    </Col>
                                </Row>
                                <Row gutter={16}>
                                    <Col span={4} className="text-r">
                                        <div className="ant-form-item-label">
                                            <label><span className="span-left">协会评分</span></label>
                                        </div>
                                    </Col>
                                    <Col span={15}>
                                        <div className="ant-form-item-control">
                                            <Input size="large" type="input" placeholder="请输入企业自评"/>
                                        </div>
                                    </Col>
                                    <Col span={5}>
                                        <div className="ant-form-item-control">
                                            <a href="#" className="col-blue">还没评分？马上去评</a>
                                        </div>
                                    </Col>
                                </Row>
                                <Row gutter={16}>
                                    <Col span={4} className="text-r">
                                        <div className="ant-form-item-label">
                                            <label><span className="span-left">评定等级</span></label>
                                        </div>
                                    </Col>
                                    <Col span={6}>
                                        <div className="ant-form-item-control">
                                            <Select defaultValue="请选择等级" size="large">
                                                <Option value="五星企业">五星企业</Option>
                                                <Option value="四星企业">四星企业</Option>
                                                <Option value="三星企业">三星企业</Option>
                                            </Select>
                                        </div>
                                    </Col>
                                    <Col span={5}>
                                        <div className="error-tip"><Icon type="minus-circle-o" />请选择评定等级</div>
                                    </Col>
                                </Row>
                            </div>
                        </Modal>
                        <Button onClick={() => this.showModalshenhedj(true)}>审核等级</Button>
                        <Modal
                            title="审核会员"
                            wrapClassName="vertical-center-modal vertical-modal-shenhe"
                            visible={this.state.Modalshenhedj}
                            onCancel={() => this.showModalshenhedj(false)}
                            okText="确定"
                            cancelText="取消"
                            width="600"
                        >
                            <div className="modal-shenhe">
                                <div className="modal-add-cont">
                                    <h3 className="modal-h3"><span className="col-orange">本木到家</span>被评定为五星企业</h3>
                                </div>
                                <RadioGroup onChange={this.onChange} value={this.state.value}>
                                    <Radio value={1}>审核(认证)通过</Radio>
                                    <Radio value={2}>
                                        审核(认证)不通过
                                    </Radio>
                                </RadioGroup>
                                {this.state.value === 2 ?
                                    <div className="modal-add-cont">
                                        <Row gutter={16}>
                                            <Col span={4} className="text-r">
                                                <div className="ant-form-item-label">
                                                    <label><span className="span-left">不通过原因</span></label>
                                                </div>
                                            </Col>
                                            <Col span={15}>
                                                <div className="ant-form-item-control">
                                                    <div className="textarea-surplus">
                                                        <Input type="textarea" rows="10" size="large" placeholder="请输入联系电话"/>
                                                        <p>还可以输入140字</p>
                                                    </div>
                                                </div>
                                            </Col>
                                            <Col span={5}>
                                                <div className="error-tip"><Icon type="minus-circle-o" />请输入不通过原因</div>
                                            </Col>
                                        </Row>
                                    </div>
                                    : null}
                            </div>
                        </Modal>
                        <Button onClick={() => this.showModalpingdingdjpg(true)}>等级评估</Button>
                        <Modal
                            title="家庭服务企业登记评估"
                            wrapClassName="vertical-center-modal"
                            visible={this.state.Modalpingdingdjpg}
                            onCancel={() => this.showModalpingdingdjpg(false)}
                            okText="申请"
                            width='800'
                            cancelText="取消"
                        >
                            <div className="iframe-height-pg">
                                <iframe width="100%" height="300" src="//elife.uelab.org/ejz/demo/bm001_yun/Grade.html" frameborder="0"></iframe>
                            </div>
                        </Modal>
                    </div>
                <h3>月嫂管理</h3>
                    <div className="modal-example-cont">
                        <Button onClick={() => this.showModalzhengshu(true)}>证书管理分类</Button>
                        <Modal
                            title="管理证书分类"
                            wrapClassName="vertical-center-modal"
                            visible={this.state.Modalzhengshu}
                            onCancel={() => this.showModalzhengshu(false)}
                            footer={null}
                        >
                            <AddInput />
                        </Modal>
                    </div>
                <h3>通用</h3>
                    <div className="modal-example-cont">
                        <Button onClick={() => this.showModalinput(true)}>Input输入框</Button>
                        <Modal
                            title="input输入框通用"
                            wrapClassName="vertical-center-modal"
                            visible={this.state.Modalinput}
                            onCancel={() => this.showModalinput(false)}
                            okText="确定"
                            cancelText="取消"
                        >
                            <div className="modal-add-cont">
                                <Row gutter={16}>
                                    <Col span={5} className="text-r">
                                        <div className="ant-form-item-label">
                                            <label className="ant-form-item-required"><span className="span-left">联系电话</span></label>
                                        </div>
                                    </Col>
                                    <Col span={10}>
                                        <div className="ant-form-item-control has-error">
                                            <Input size="large" placeholder="请输入联系电话"/>
                                        </div>
                                    </Col>
                                    <Col span={9}>
                                        <div className="error-tip"><Icon type="minus-circle-o" />请输入联系电话</div>
                                    </Col>
                                </Row>
                                <Row gutter={16}>
                                    <Col span={5} className="text-r">
                                        <div className="ant-form-item-label">
                                            <label><span className="span-left">联系电话</span></label>
                                        </div>
                                    </Col>
                                    <Col span={10}>
                                        <div className="ant-form-item-control">
                                            <Input size="large" placeholder="请输入联系电话"/>
                                        </div>
                                    </Col>
                                </Row>
                            </div>
                        </Modal>
                        <Button onClick={() => this.showModalinputtextarea(true)}>input+textarea输入框</Button>
                        <Modal
                            title="input+textarea"
                            wrapClassName="vertical-center-modal"
                            visible={this.state.Modalinputtextarea}
                            onCancel={() => this.showModalinputtextarea(false)}
                            okText="确定"
                            width="800"
                            cancelText="取消"
                        >
                            <div className="modal-add-cont">
                                <Row gutter={16}>
                                    <Col span={4} className="text-r">
                                        <div className="ant-form-item-label">
                                            <label className="ant-form-item-required"><span className="span-left">联系电话</span></label>
                                        </div>
                                    </Col>
                                    <Col span={8}>
                                        <div className="ant-form-item-control has-error">
                                            <Input size="large" placeholder="请输入联系电话"/>
                                        </div>
                                    </Col>
                                    <Col span={5}>
                                        <div className="error-tip"><Icon type="minus-circle-o" />请输入联系电话</div>
                                    </Col>
                                </Row>
                                <Row gutter={16}>
                                    <Col span={4} className="text-r">
                                        <div className="ant-form-item-label">
                                            <label><span className="span-left">联系电话</span></label>
                                        </div>
                                    </Col>
                                    <Col span={8}>
                                        <div className="ant-form-item-control">
                                            <Input size="large" placeholder="请输入联系电话"/>
                                        </div>
                                    </Col>
                                </Row>
                                <Row gutter={16}>
                                    <Col span={4} className="text-r">
                                        <div className="ant-form-item-label">
                                            <label className="ant-form-item-required"><span className="span-left">联系电话</span></label>
                                        </div>
                                    </Col>
                                    <Col span={15}>
                                        <div className="ant-form-item-control">
                                            <div className="textarea-surplus">
                                                <Input type="textarea" rows={10} placeholder="请输入****"/>
                                                <p>还可以输入140字</p>
                                            </div>
                                        </div>
                                    </Col>
                                    <Col span={5}>
                                        <div className="error-tip"><Icon type="minus-circle-o" />错误提示</div>
                                    </Col>
                                </Row>
                                <Row gutter={16}>
                                    <Col span={4} className="text-r">
                                        <div className="ant-form-item-label">
                                            <label><span className="span-left">联系电话</span></label>
                                        </div>
                                    </Col>
                                    <Col span={16}>
                                        <div className="ant-form-item-control">
                                            <div className="textarea-surplus">
                                                <Input type="textarea" rows={10} placeholder="请输入****"/>
                                                <p>还可以输入140字</p>
                                            </div>
                                        </div>
                                    </Col>
                                </Row>
                            </div>
                        </Modal>
                    </div>
                <h3>提示</h3>
                    <div className="modal-example-cont">
                        <Button onClick={showConfirm}>确认对话框</Button>
                        <Button onClick={success}>成功提示</Button>
                        <Button onClick={error}>错误提示</Button>
                        <Button onClick={warning}>警告提示</Button>
                        <Button onClick={loading}>全局加载中...</Button>
                    </div>
                <h3>收银台</h3>
                    <div className="modal-example-cont">
                        <Button onClick={() => this.showModalshouyt(true)}>收银台</Button>
                        <Modal
                            title=""
                            wrapClassName="vertical-center-modal modal-cashier-warp"
                            visible={this.state.Modalshouyt}
                            onCancel={() => this.showModalshouyt(false)}
                            width="800"
                            okText="确定"
                            cancelText="取消"
                        >
                            <div className="modal-cashier">
                                <div className="modal-cashier-title">
                                    <MyIcon type="logo"/>
                                    <span className="name">斑马电商云收银台</span>
                                </div>
                                <div className="modal-cashier-body">
                                    <Row gutter={16}>
                                        <Col span={10}>
                                            <div className="cashier-bg cashier-left-bg">
                                                <ul className="left-ul">
                                                    <li>
                                                        收款对象
                                                        <span className="right">小金鱼</span>
                                                    </li>
                                                    <li>
                                                        收款类型
                                                        <span className="right">
                                                        <Tooltip placement="topRight" title="客户保洁服务费客户保洁服务费">
                                                          客户保洁服务费
                                                        </Tooltip>
                                                    </span>
                                                    </li>
                                                    <li>
                                                        订单类型
                                                        <span className="right">保洁订单</span>
                                                    </li>
                                                    <li>
                                                        订单编号
                                                        <span className="right">J17071900005701</span>
                                                    </li>
                                                    <li className="money">
                                                        剩余金额
                                                        <span className="right"><span className="num">333333</span>元</span>
                                                    </li>
                                                </ul>
                                                </div>
                                        </Col>
                                        <Col span={14}>
                                            <div className="cashier-bg">
                                                <h3 className="cashier-title">收款方式</h3>
                                                <CheckBox data={data_pay}></CheckBox>
                                                <h3 className="cashier-title">应收金额</h3>
                                                <Row>
                                                    <Col span={15}>
                                                        <Input size="large" placeholder="请输入应收金额"/>
                                                    </Col>
                                                    <Col span={3}>
                                                        <span className="danwei">元</span>
                                                    </Col>
                                                </Row>
                                                <h3 className="cashier-title">实收金额</h3>
                                                <div className="money-sh">
                                                    <span className="num">3330000</span>元
                                                </div>
                                            </div>
                                        </Col>
                                    </Row>
                                </div>
                            </div>
                        </Modal>
                    </div>
                <h3>财务</h3>
                <div className="modal-example-cont">
                    <Button onClick={() => this.showModalcaiwuadd(true)}>新增财务记录</Button>
                    <Modal
                      title="新增财务记录"
                      wrapClassName="vertical-center-modal modal-cashier-warp"
                      visible={this.state.Modalcaiwuadd}
                      onCancel={() => this.showModalcaiwuadd(false)}
                      okText="确定"
                      cancelText="取消"
                    >
                        <div className="modal-add-cont">
                            <Row gutter={16}>
                                <Col span={5} className="text-r">
                                    <div className="ant-form-item-label">
                                        <label className="ant-form-item-required"><span className="span-left">收支类型</span></label>
                                    </div>
                                </Col>
                                <Col span={10}>
                                    <div className="ant-form-item-control has-error">
                                        <Select size="large">
                                            <Option value="请输入收支类型">请选择收支类型</Option>
                                        </Select>
                                    </div>
                                </Col>
                                <Col span={9}>
                                    <div className="error-tip"><Icon type="minus-circle-o" />收支类型错误</div>
                                </Col>
                            </Row>
                            <Row gutter={16}>
                                <Col span={5} className="text-r">
                                    <div className="ant-form-item-label">
                                        <label className="ant-form-item-required"><span className="span-left">财务类型</span></label>
                                    </div>
                                </Col>
                                <Col span={10}>
                                    <div className="ant-form-item-control has-error">
                                        <Select size="large">
                                            <Option value="请输入收支类型">请选择财务类型</Option>
                                        </Select>
                                    </div>
                                </Col>
                                <Col span={9}>
                                    <div className="error-tip"><Icon type="minus-circle-o" />财务类型错误</div>
                                </Col>
                            </Row>
                            <Row gutter={16}>
                                <Col span={5} className="text-r">
                                    <div className="ant-form-item-label">
                                        <label className="ant-form-item-required"><span className="span-left">合计金额(元)</span></label>
                                    </div>
                                </Col>
                                <Col span={10}>
                                    <div className="ant-form-item-control has-error">
                                        <Input size="large" placeholder="请输入合计金额"/>
                                    </div>
                                </Col>
                                <Col span={9}>
                                    <div className="error-tip"><Icon type="minus-circle-o" />请输入合计金额</div>
                                </Col>
                            </Row>
                            <Row gutter={16}>
                                <Col span={5} className="text-r">
                                    <div className="ant-form-item-label">
                                        <label><span className="span-left">发生时间</span></label>
                                    </div>
                                </Col>
                                <Col span={10}>
                                    <div className="ant-form-item-control">
                                        <DatePicker  size="large"/>
                                    </div>
                                </Col>
                            </Row>
                            <Row gutter={16}>
                                <Col span={5} className="text-r">
                                    <div className="ant-form-item-label">
                                        <label><span className="span-left">财务备注</span></label>
                                    </div>
                                </Col>
                                <Col span={19}>
                                    <div className="ant-form-item-control">
                                        <div className="textarea-surplus">
                                            <Input type="textarea" rows="10" size="large" placeholder="请输入备注"/>
                                            <p>还可以输入140字</p>
                                        </div>
                                    </div>
                                </Col>
                            </Row>
                        </div>
                    </Modal>
                </div>
                <h3 style={title_two}>云培训弹窗</h3>
                <ModalTrain />
                <h3 style={title_two}>栗子工会弹窗</h3>
                <Modallizigonghui/>
            </div>
        )
    }
}